<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicon.ico" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/reset.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/styles.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/plugin/css/jquery-ui.css" />

<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/js/common.js"></script>

<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.0.min.js"></script>
<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/plugin/js/jquery-ui.js"></script>
<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/plugin/js/nicEdit.js"></script>
<script type="text/javascript">
bkLib.onDomLoaded(function() {
	new nicEditor({fullPanel : true}).panelInstance('agenda');
	new nicEditor({fullPanel : true}).panelInstance('trainerDetails');
	//new nicEditor({fullPanel : true}).panelInstance('postTrainingSupport');
});
</script>

<script type="text/javascript">

	function previousSubmit(){
	    //var nicE = new nicEditors.findEditor('preRequisite');
	    //alert("PRE "+nicE.getContent());
	   document.getElementById("action").value="viewCourseOverview";	
       document.forms[1].submit();
	}
	
	function nextSubmit(){
	    //var nicE = new nicEditors.findEditor('preRequisite');
	    //alert("PRE "+nicE.getContent());
	    document.getElementById("agenda").value = new nicEditors.findEditor('agenda').getContent();
		document.getElementById("trainerDetails").value = new nicEditors.findEditor('trainerDetails').getContent();
	    
	   document.getElementById("action").value="saveCourseAgenda";	
       document.forms[1].submit();
	}
	
	
</script>

<form:form action="${pageContext.request.contextPath}/usr/course" commandName="createCourseAgendaForm"
	method="POST" id="createCourseAgendaForm">
	
	<form:hidden path="action" />
    <form:hidden path="courseId" />	

	<div class="right-area">
			<div class="left-arrow"><img src="${pageContext.request.contextPath}/images/arrow-left.png" width="11" height="16" alt="" /></div>
			<div class="container">
				<div class="content forms">
					
					<form id="requester-course" name="requester_course" method="post">
					<div class="three-column-work-area">
						<table class="steps" cellpadding="0" cellspacing="0" width="100%">
							<tr>
								<td width="29%" class="active"><div class="num">1</div> Overview &gt;&gt;</td>
								<td width="47%" class="active"><div class="num">2</div> Agenda &amp; Trainer Details &gt;&gt;</td>
								<td width="24%"><div class="num">3</div> Schedule</td>
							</tr>
						</table>
						<h1>Agenda &amp; Trainer Details</h1>
						<div class="forms-fields">
							<div class="input"><label>Agenda:</label>
							  <div class="txtarea">							    
							    <form:textarea path="agenda" id="agenda" cols="80" rows="9" title="area1"/>
            					<span class="errortxt"><form:errors path="agenda" /></span>
							  </div>
							  </div>
							<div class="input"><label>Trainer Details:</label>
							<div class="txtarea">
							  <form:textarea path="trainerDetails" id="trainerDetails" cols="80" rows="9" title="area1"/>
            				  <span  class="errortxt"><form:errors path="trainerDetails" /></span>
							</div>
							</div>
							<div class="input"><label style="width:200px;">Notes:</label>
							 <div class="txtarea">
							  <form:textarea path="notes" id="notes" cols="80" rows="9" title="area1"/>
            				  <span  class="errortxt"><form:errors path="notes" /></span>
							</div>
						    </div>
							<div class="submit"><a href="javascript:previousSubmit()" class="btn prev">&lt;&lt; Previous</a><a href="javascript:nextSubmit()" class="btn next">Next &gt;&gt;</a></div>
						</div>
					</div>
					</form>
				</div>
			</div>
		<div class="banner"><img src="${pageContext.request.contextPath}/images/ShakeOut_BannerAds_GetReady_160x600_v8.gif" width="161" height="600" alt="" /></div>
		</div>
		<!-- Right Area -->


</form:form>